

.f14 {
	font-size: 14rpx;
}

.f16 {
	font-size: 16rpx;
}

.f18 {
	font-size: 18rpx;
}

.f20 {
	font-size: 20rpx;
}

.f22 {
	font-size: 22rpx;
}

.f24 {
	font-size: 24rpx;
}

.f26 {
	font-size: 26rpx;
}

.f28 {
	font-size: 28rpx;
}

.f30 {
	font-size: 30rpx;
}
.f36{
	font-size: 36rpx;
}
.bold {
	font-weight: bold;
}

.flex {
	display: flex;
}

.flex1 {
	flex: 1;
}

.sbew {
	display: flex;
	justify-content: space-between;
}

.saru {
	display: flex;
	justify-content: space-around;
}

.juCen {
	display: flex;
	justify-content: center;
}

.flexCenter {
	display: flex;
	align-items: center;
}

.flexenters {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.shrink {
	flex-shrink: 0;
}

.cloum {
	flex-direction: column;
}

.flexWarp {
	display: flex;
	flex-wrap: wrap;
}
.flexButtom {
	display: flex;
	align-items: flex-end;
}

.flexend {
	display: flex;
	justify-content: flex-end;
}
.pt40{
	padding-top: 40rpx;
}
.pt10{
	padding-top: 10rpx;
}
.pb40{
	padding-bottom: 40rpx;
}
.p40{
	padding-left: 40rpx;
	padding-right: 40rpx;
}
.ml20{
	margin-left: 20rpx;
}
.mt30{
	margin-top: 30rpx;
}
.mt40{
	margin-top: 40rpx;
}
.mt60{
	margin-top: 60rpx;
}
.grayBg{
	height: 20rpx;
	background-color: #F0F3F6;
}
.colorfff{
	color: #FFFFFF;
}
.textCenter{
	text-align: center;
}
.bgfff{
	background-color: #FFFFFF;
}

.ContentMask {
	position: fixed;
	height: 100%;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.3);
}
.leftCenter {
	left: 50%;
	transform: translateX(-50%);
}

.topCenter {
	top: 50%;
	transform: translateY(-50%);
}

.autoCenter {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.w100{
	width: 100%;
}